<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>租房列表页</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/rentalList.css">
</head>
<body>
<header class="header-box">
    <div class="header-l">
        <a href="index.html"><img src="img/logo2.png" class="logo2"></a>
        <span>北京</span>
    </div>
    <div class="header-r">
        <a href="my.html"><img src="img/my.jpg"></a>
        <img src="img/xiazai.jpg">
    </div>
</header>
<article>
    <div class="position">
        <div><a href="index.html">首页</a></div><div>北京租房</div>
    </div>
    <div class="search-box">
        <div class="search">
            <input type="text" class="search-input">
            <img src="img/search_03.png" alt="">
        </div>
    </div>
    <nav>
        <ul class="area-ul">
            <li class="active"><span>区域</span></li>
            <li><span>月租</span></li>
            <li><span>房型</span></li>
            <li><span>更多</span></li>
        </ul>
    </nav>
    <ul class="renting-intro">
        <li>
            <a href="rentalDetails.html"><img src="img/rent-img1.png" alt=""></a>
            <div class="renting-intro-r">
                <h4>南沙滩小区 超低价急售</h4>
                <p>2室一厅  96m²  南北</p>
                <p>青岛新天地</p>
                <div class="renting-intro-r-btm"><span class="style-span">集中供暖</span><span class="price"><label
                        >3700</label>元/月</span></div>
            </div>
        </li>
        <li>
            <img src="img/rent-img2.png" alt="">
            <div class="renting-intro-r">
                <h4>青年汇二期 免税三居</h4>
                <p>3室2厅  129m²  南北</p>
                <p>青年汇家园</p>
                <div class="renting-intro-r-btm"><span class="style-span">集中供暖</span><span class="price"><label
                >1610</label>元/月</span></div>
            </div>
        </li>
        <li>
            <img src="img/rent-img3.png" alt="">
            <div class="renting-intro-r">
                <h4>博雅德源稀缺两居 钥匙房源</h4>
                <p>2室2厅  126m²  南北</p>
                <p>青岛新天地</p>
                <div class="renting-intro-r-btm"><span class="style-span">天然气供暖</span><span class="price"><label
                >3420</label>元/月</span></div>
            </div>
        </li>
        <li>
            <img src="img/rent-img4.png" alt="">
            <div class="renting-intro-r">
                <h4>朝阳北路 赠车库 自住首选!</h4>
                <p>5室3厅  260m²  南北</p>
                <p>武夷花园二手房</p>
                <div class="renting-intro-r-btm"><span class="style-span">集中供暖</span><span class="price"><label
                >5408</label>元/月</span></div>
            </div>
        </li>
        <li>
            <img src="img/rent-img5.png" alt="">
            <div class="renting-intro-r">
                <h4>金汉旭城 东南金角一居</h4>
                <p>1室1厅  60m²  东南</p>
                <p>鲁谷二手房</p>
                <div class="renting-intro-r-btm"><span class="style-span">集中供暖</span><span class="price last-price"><label
                >3700</label>元/月</span></div>
            </div>
        </li>
    </ul>
</article>
<footer class="footer-box">
    <div class="footer-position">
        <span>北京找房无忧网</span><img src="img/footer-img1.png"><span>首页</span>
    </div>
    <div class="footer-btm">
        <div class="client-side">
            <div class="client-side-l">
                <img src="img/apple.png" alt="">
                <div class="font">
                    <div>iphone</div>
                    <div>客户端</div>
                </div>
            </div>
            <div class="client-side-r">
                <img src="img/android-logo.png" alt="">
                <div class="font">
                    <div>Android</div>
                    <div>客户端</div>
                </div>
            </div>
        </div>
        <p>北京找房无忧房地产经纪有限公司</p>
        <p>网络经营许可证 京ICP备20160812号-12</p>
    </div>
</footer>
<script src="js/resize.js"></script>
</body>
</html>